<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>库存管理</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/kucun.css" />
    <style>
        .aui-bar-nav {
            background-color: #fff;
        }

        .aui-bar {
            min-height: 2rem;
            z-index: 999999;
        }

        .topheader {
            height: 4rem;
            z-index: 9999;
            border-bottom: solid 0.5px #eee;
        }

        img.index_bg {
            width: 100%;
            height: auto;
        }

        .my_user_info_cont {
            color: #333;
            font-size: 1.1rem;
            font-weight: bold;
            text-align: left;
            margin-top: 1.4rem;
            margin-left: 5%;
        }

        .van-popover__wrapper {
            float: right;
        }

        .van-button--normal {
            height: 1.4rem;
            padding: 0px;
            background: #fff;
            border: solid 1px #fff;
        }

        .van-popover__action {
            width: 100px;
        }

        .van-popup.van-popover.van-popover--light {
            right: 10px !important;
            left: unset !important;
        }

        .van-popover[data-popper-placement=bottom] .van-popover__arrow {
            left: 70%;
        }

        .maskbg {
            z-index: 98;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .bbs_mainbox {
            position: relative;
        }

        .choosebox {
            width: 80px;
            height: auto;
            position: absolute;
            top: 110px;
            right: 10px;
            background: #fff;
            padding-top: 10px;
            border-radius: 5px;
            box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
            z-index: 99999;

        }

        .topstyle {
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            border-bottom: dashed 0.5px #eee;
        }

        .topmsg {
            width: 94%;
            background: #f0f0f0;
            text-align: center;
            font-size: 0.65rem;
            height: 1.4rem;
            line-height: 1.4rem;
            margin: 10px 3% 5px 3%;
            border-radius: 3px;
        }

        .order_pro_fk {
            line-height: 2rem;
            font-size: 0.65rem;
            margin-bottom: 10px;
            overflow: hidden;
        }

        .or_pro_rgt {
            width: 78%;
            float: right;
            text-align: right;
            overflow: hidden;
        }

        .or_pro_fk {
            width: 3.2rem;
            text-align: center;
            height: 1.5rem;
            line-height: 1.5rem;
            border: solid 1px #1a66ff;
            background: #fff;
            border-radius: 50rem;
            color: #1a66ff;
            float: right;
            text-shadow: 0px 0px 0px #fff;
            margin-right: 14px;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="orderlist" style="margin-top: 0px;">
            <div v-if="!showSelect" v-on:click="select_pro(1)" class="timerdec mt0 mb10 redcolor"
                style="position: fixed; top:0px; text-align: center; z-index: 999;">当前共有{{BuzuTotal}}种商品库存不足，点击查看</div>
            <div v-if="showSelect" v-on:click="select_pro(-1)" class="timerdec mt0 mb10 bluecolor"
                style="position: fixed; top:0px; text-align: center; z-index: 999;">全部共{{AllTotal}}种商品，点击查看</div>
        </div>
        <section id="main_refresh" class="aui-refresh-content">
            <div v-if="productList.length>0">
                <div class="order_list_item mt40">
                    <div class="order_product">
                        <ul class="aui-list aui-media-list" style="background-size:100% 0px; border: none;">
                            <li class="aui-list-item"
                                style="border: none; background-size:100% 0px; position: relative;"
                                v-for="item in productList">
                                <div class="aui-media-list-item-inner btn_line" v-on:click="do_openjilu(item.ID)">
                                    <div class="aui-list-item-media">
                                        <div v-if="item.Stock<=item.SafeStock" class="xiangou">库存不足</div>
                                        <div v-if="item.Stock>item.SafeStock" class="xiangou bluebgcolor">库存安全</div>
                                        <img :src="item.CoverImage">
                                    </div>
                                    <div class="aui-list-item-inner">
                                        <div class="pro-list-item-title aui-ellipsis-2">
                                            {{item.Name}}
                                        </div>
                                        <div class="pro_type">
                                            <div class="pro_type_item fl aui-ellipsis-1">型号名称：{{item.TypeTitle}}</div>
                                            <div class="pro_type_item textalign_r fr aui-ellipsis-1">
                                                状态：{{item.StatusDesc}}</div>
                                            <div class="pro_type_item fl aui-ellipsis-1">安全库存：{{item.SafeStock}}</div>
                                            <div class="pro_type_item textalign_r fr aui-ellipsis-1">剩余库存：{{item.Stock}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="order_pro_fk">
                                    <div class="or_pro_rgt">
                                        <div class="or_pro_fk" v-on:click="updatenum(item)">调整</div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div v-if="productList.length<=0&&!is_searching" class="noshuju">
                <van-empty description="暂无数据" />
            </div>
        </section>

    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript " src="js/kucun.js"></script>
<script type="text/javascript">
</script>

</html>